import useLocale from '@/hooks/useLocale'
import { Card, Link, Tag, Typography } from '@arco-design/web-react'
import local from './locale'
import styles from './style/announcement.module.less'
const Announcement = () => {
  const t = useLocale(local)
  return (
    <Card>
      <div style={{ display: 'flex', justifyContent: 'space-between' }}>
        <Typography.Title heading={6}> {t['workplace.announcement']}</Typography.Title>
        <Link>{t['workplace.seeMore']}</Link>
      </div>
      <div>
        <div className={styles.item}>
          <Tag>消息</Tag>
          <span className={styles.link}>11111111111</span>
        </div>
      </div>
    </Card>
  )
}

export default Announcement
